<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<div id="container">
    <div id="gallery" class="content">
        <div id="controls" class="controls"></div>
        <div class="slideshow-container">
            <div id="loading" class="loader"></div>
            <div id="slideshow" class="slideshow"></div>
        </div>
        <div id="caption" class="caption-container"></div>
    </div>
    <div id="thumbs" class="navigation">
        <ul class="thumbs noscript">
            <c:forEach items="${mediaList}" var="media">
                <li>
                    <a class="thumb" name="Photo taken at <c:out value = "${media.timestampString}"/>" href="<c:out value = "${media.relativeFilePath}"/>" title="At <c:out value = "${media.timestampString}"/>">
                        <img src="<c:out value = "${media.thumbnailPath}"/>" alt="Photo taken at <c:out value = "${media.timestampString}"/>" height="75px" width="75px"/>
                    </a> 
                    <div class="caption">
                        <div class="image-title">At <c:out value = "${media.timestampString}"/> by <c:out value = "${media.username}"/></div>
                    </div>
                </li>
            </c:forEach>
        </ul>
    </div>
    <div style="clear: both;"></div>
</div>